(function () {
  // 初始化数据
  let arr = [
    {
      title: "设备总数",
      num: "2,190",
      iconColor: "#006cff"
    },
    {
      title: "季度新增",
      num: "1,190",
      iconColor: "#6acca3"
    },
    {
      title: "运营设备",
      num: "3,521",
      iconColor: "#6acca3"
    },
    {
      title: "异常设备",
      num: "108",
      iconColor: "#ed3f35"
    }
  ];
  // 思路: 
  // (1) 遍历数据
  // (2) 创建标签 
  // (3) 将标签添加到容器中 inner
  arr.forEach(obj => {
    let theDiv = $(`
                  <div class="item">
                  <h4>${obj.num}</h4>
                  <span>
                    <i class="icon-dot" style="color: ${obj.iconColor}"></i>
                    ${obj.title}
                  </span>
                </div>
         `)
    $('.overview .inner').append(theDiv)     
  })
})()